// ========================================
// 样式入口文件
// ========================================
// 导入顺序：base -> utils -> animations -> components
// 请勿随意调整顺序，以免样式优先级出现问题

// 1. 基础层（全局基础样式，最先导入）
@use "./base/reset";        // 重置样式
@use "./base/variables";    // CSS 变量
@use "./base/font";         // 字体定义

// 2. 工具类层（原子化工具类）
@use "./utils/layout";      // 布局工具类
@use "./utils/text";        // 文本工具类
@use "./utils/effects";     // 视觉效果工具类

// 3. 动画层
@use "./animations/keyframes";    // 关键帧定义（必须先于 transitions）
@use "./animations/transitions";  // 过渡动画类

// 4. 组件层（按需导入）
@use "./components/common"; // 通用组件样式
